<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<%@page import="com.yaodian100.core.common.utils.ServerValue"%>

<%@page import="com.yaodian100.core.admin.utils.AdminHelper"%>
<%@page import="org.springframework.security.userdetails.UserDetails"%><html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name=description content="">
<meta name=keywords content="">
<meta http-equiv=Content-Language content=zh-tw>
<meta name=distribution content=Taiwan>
<meta content="yaodian100 Co., Ltd." name=author>
<meta content="Copyright 2000-2009 http://www.yaodian100.com/ 耀点所有" name=Copyright>
<title>预约会议室</title>
<link href="/css/smoothness.datepick.css" rel="stylesheet" type="text/css" />
<link href="/css/yaodian100backend.css" rel="stylesheet" type="text/css" media="screen" />
<link href="/css/jquery-ui-1.7.2.custom.css" rel="stylesheet" type="text/css" media="screen" />

<script src="/js/jquery-1.3.2.min.js" type="text/javascript" charset="UTF-8"></script>
<script src="/js/jquery-ui-1.7.2.custom.min.js" type="text/javascript" charset="UTF-8"></script>
<script src="/js/jquery.datepick.js" type="text/javascript" charset="UTF-8" ></script>
<script src="/js/jquery.datepick-zh-CN.js" type="text/javascript" charset="UTF-8" ></script>
</head>
<body >
<script>
function checkForm(formObj){
  if (formObj.subject.value == '' ){
    alert('请输入会议主题');
    formObj.subject.focus();
    return false ;
  }
  if (formObj.username.value == ''){
    alert('请输入预约人');
	  formObj.username.focus();
    return false ;
  }
  if (formObj.room.selectedIndex == 0 ){
	    alert('请选择会议室');
		  formObj.room.focus();
	    return false ;
	  }
  if (formObj.startdate.value == 'YYYY-MM-DD' ){
    alert('请输入预约日期');
    return false ;
  }
}
$(document).ready(function(){   
  $('#startdate').datepick({dateFormat: 'yy-mm-dd',beforeShow: customRange,showOn:'both'});  
});
function customRange(input) { 
    return {minDate: new Date(),maxDate: null}; 
}
</script>
<form action="googleCal.jsp" name="meet" method="post" onsubmit="return checkForm(this)">
<div align="center">
<script type="text/javascript"><!--
google_ad_client = "pub-2224288299509306";
/* 728x90, 已建立 2008/10/2 */
google_ad_slot = "6109446792";
google_ad_width = 728;
google_ad_height = 90;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script></div><BR>
<%
UserDetails user = AdminHelper.getUserDetails();
%>
<table width="550" border="0" align="center" ><tr><td>
<table class="tb-data">
  <tr>
    <th width="93" height="28">会议主题</th>
    <td ><input name="subject" type="text" id="subject" /> </td>
  </tr>
  <tr>
    <th width="93" height="28">预约人</th>
    <td ><!--
    <select name=dept onChange="selUsername(this.form,'')">
    <option>請選擇部門</option>
    </select>
    <select name=username>
    <option>請選擇使用人</option>
    </select>-->
    <input name="username" type="text" id="username" value="<%=user.getUsername()%>"/></td>
  </tr><tr>
    <th height="28">会议室</th>
    <td><select name="room">
      <option>请选择会议室</option>
      <option value="100">台北办公室</option>
      <option value="200">上海办公室-1号</option>
      <option value="300">上海办公室-2号</option>
      <option value="400">上海办公室-3号</option>
      <option value="500">上海办公室-4号</option>
      <option value="600">上海办公室-5号</option>
      <option value="800">上海办公室-7号</option>
      <option value="900">上海办公室-8号</option>
    </select>
    </td>
  </tr>
  <tr>
    <th height="28">开始时间</th>
    <td ><input type="text" size=15 readonly name="startdate" id="startdate" value="YYYY-MM-DD" style="width:150px;"/> <select name="starttime" id="starttime">
	  <option value="07:30">07:30</option>
      <option value="08:00">08:00</option>
      <option value="08:30">08:30</option>
      <option value="09:00">09:00</option>
      <option value="09:30">09:30</option>
      <option value="10:00" selected="selected">10:00</option>
      <option value="10:30">10:30</option>
      <option value="11:00">11:00</option>
      <option value="11:30">11:30</option>
      <option value="12:00">12:00</option>
      <option value="12:30">12:30</option>
      <option value="13:00">13:00</option>
      <option value="13:30">13:30</option>
      <option value="14:00">14:00</option>
      <option value="14:30">14:30</option>
      <option value="15:00">15:00</option>
      <option value="15:30">15:30</option>
      <option value="16:00">16:00</option>
      <option value="16:30">16:30</option>
      <option value="17:00">17:00</option>
      <option value="17:30">17:30</option>
	    <option value="18:00">18:00</option>
      <option value="18:30">18:30</option>
      <option value="19:00">19:00</option>
      <option value="19:30">19:30</option>
      <option value="20:00">20:00</option>
      <option value="20:30">20:30</option>
      <option value="21:00">21:00</option>
      <option value="21:30">21:30</option>
     </select>
      <select name="endtime" id="select">
        <option value="30">0.5小時</option>
        <option value="60" selected="selected">1小時</option>
        <option value="90">1.5小時</option>
        <option value="120">2小時</option>
        <option value="150">2.5小時</option>
        <option value="180">3小時</option>
      </select></td>
    </tr>
  <tr>
    <td height="35" colspan="2" style="text-align:center;"><span style="text-align:center;"><input type="submit" name="Submit" value="送出" />
    <input type="reset" name="Submit2" value="重填" /></span></td>
  </tr>
</table>
</td></tr></table>
</form>
		<table border="0" align="center">
			<tr>
				<td valign="top">
					<img src="../images/shoffice.jpg" title="會議室位置"/>
				</td>
			</tr>
		</table>
	</body>
</html>
